<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>摩兔网</title>
<link href="style.css?1" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="wrap">
	<div class="top">
		<a href class="llink"></a>
		<div class="top_logo"></div>
		
		<div class="top_nav"><a href class="follow">关注我们</a><a href class="login">登陆</a><a href>注册</a></div>
	</div>
	<div class="header ">
		<ul class="list clearfix">
			<li><a href="#" class="home"><em class="gicon home_icon"></em></a></li>
			<li><a href="#" class="link">开箱</a></li>
			<li><a href="#" class="link">发烧</a></li>
			<li><a href="#" class="link cur">定制影音</a></li>
			<li><a href="#" class="link">专访</a></li>
		</ul>
		
		<!-- 论坛 -->
		<div class="forum round">
		   <a href>
			   <em class="gicon forum_icon"></em>
			   论坛
		   </a>
		</div>
		
		<!-- search -->
		<div class="search">
		 <em class="gicon search_icon"></em>
		 <div class="input_wrap"><input type="text" maxlength="40" class="no_outline input"/> 搜索</div>
		</div>
		<!-- end search -->
	</div>
	<div class="main clearfix">
		<div class="main_c">
		  <!-- 热点图  -->
		  <div class="hot_pic">
		    <ul class="pic_main clearfix">
		     <li><a href><img width="100%" height="340" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a></li>
		    </ul>
		    
		    <div class="pic_list">
		    	<div class="trans trans_pre"></div>
		    	
		    	<div class="pic_pre">
			    	<em class="gicon pre_icon"></em>
		    	</div>
		    	
			    <ul class="clearfix">
			      <li>
			      	<a href><img width="195" height="109" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a>
			      	<div class="pic_info"><a href>耳机</a></div>
			      	<div class="pic_desc"><a href>法拉利耳机进入中国市场法拉利耳机进入中国市场</a></div>
			      </li>
			      <li><a href><img width="195" height="109" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a>
					<div class="pic_info"><a href>定制影音</a></div>
					<div class="pic_desc"><a href>法拉利耳机进入中国</a></div>
			      </li>
			      <li><a href><img width="195" height="109" src="http://img1.gtimg.com/tech/pics/hv1/207/182/1152/74955417.jpg"></a>
			      <div class="pic_info"><a href>耳机</a></div>
			      	<div class="pic_desc"><a href>法拉利耳机进入</a></div>
			      </li>
			    </ul>
			    
		    	<div class="trans trans_next"></div>
		    	
		    	<div class="pic_next">
			    	<em class="gicon next_icon"></em>
		    	</div>
		    </div>
		    
		  </div>
		  <!-- end 热点图 -->
		  
		  <!-- 图片列表区 -->
		  <div class="feed">
		    <div class="feed_top">
		    <span class="c_text">THIS JUST IN</span>
		    </div>
		  	<ul class="grid clearfix">
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a class="pic" href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	    	<div class="gicon img_icon"><em>定制影音</em><div class="gicon img_icon_i"></div></div>    
		  	        <div class="img_title">罗技iPhone Doc五日体验谈</div>
		  	    </div>
		  	    
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  
		  	  <!-- 多列表 -->
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a class="pic" href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
			  	    <div class="gicon img_icon"><em>方案</em><div class="gicon img_icon_i"></div></div>
		  	        <div class="img_title">罗技iPhone Doc五日体验谈</div>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="293" height="158" src="http://ranxk.com/stat/imgs/list_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 文章摘要，两行 -->
		  	    <p class="desc">
		  	    文章摘要，两行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行行文章摘要，两行文章摘要，两行文章摘要，两行文章摘要，两行
		  	    </p>
		  	    
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	</ul>
		  </div>
		  
		  <!-- 电影榜 -->
		  <div class="movie_wrap">
		    <div class="line_top">
		     <span class="c_text">电影榜</span>
		    </div>
		    
		    <!-- 内容列表区 -->
		    <ul class="mv_grid clearfix">
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="197" height="254" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 电影分类列表 -->
		  	    <div class="desc">
		  	    <span class="pl">年份</span>  2012<br>
		  	    <span class="pl">分类</span>  恐怖 / 战争 / 剧情<br>
		  	    <span class="pl">地区</span>  美国<br>
		  	    </div>
		  	   
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  
		  	  <!-- 多列表 -->
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="197" height="254" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 电影分类列表 -->
		  	    <div class="desc">
		  	    <span class="pl">年份</span>  2012<br>
		  	    <span class="pl">分类</span>  恐怖 / 战争 / 剧情<br>
		  	    <span class="pl">地区</span>  美国<br>
		  	    </div>
		  	   
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="197" height="254" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 电影分类列表 -->
		  	    <div class="desc">
		  	    <span class="pl">年份</span>  2012<br>
		  	    <span class="pl">分类</span>  恐怖 / 战争 / 剧情<br>
		  	    <span class="pl">地区</span>  美国<br>
		  	    </div>
		  	   
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="197" height="254" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 电影分类列表 -->
		  	    <div class="desc">
		  	    <span class="pl">年份</span>  2012<br>
		  	    <span class="pl">分类</span>  恐怖 / 战争 / 剧情<br>
		  	    <span class="pl">地区</span>  美国<br>
		  	    </div>
		  	   
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  <li>
		  	    <!-- 内容图片区 -->
		  	    <div class="img_wrap">
		  	    <a href="javascript:;">
		  	      <img width="197" height="254" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
		  	    </a>
		  	    <div class="img_info">
		  	        <span class="img_title">罗技iPhone Doc五日体验谈</span>
		  	    </div>
		  	    </div>
		  	    
		  	    <!-- 电影分类列表 -->
		  	    <div class="desc">
		  	    <span class="pl">年份</span>  2012<br>
		  	    <span class="pl">分类</span>  恐怖 / 战争 / 剧情<br>
		  	    <span class="pl">地区</span>  美国<br>
		  	    </div>
		  	   
		  	    <!-- 查看全文区 -->
		  	    <div class="meta">全文</div>
		  	  </li>
		  	  
		  	  </ul>
		    
		  </div>
		  
		  
		  <!-- music -->
		  <div class="music_wrap">
			  <div class="line_top">
			     <span class="c_text">音乐榜</span>
			    </div>
			    
			    <!-- 内容列表区 -->
			    <ul class="mu_grid clearfix">
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
			  	  
			  	  <!-- 列表内容区 -->
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
			  	  <li>
			  	    <!-- 内容图片区 -->
			  	    <div class="img_wrap">
			  	    <a href="javascript:;">
			  	      <img width="129" height="126" src="http://ranxk.com/stat/imgs/mv_a.jpg"/>
			  	    </a>
			  	    </div>
			  	    
			  	    <div class="info">
			  	     Chris August<br>
			  	     The Upside Of Down
			  	    </div>
			  	    <div class="info">
			  	     柔情声线Chris August 克里斯奥格斯特
			  	    </div>
			  	    
			  	  </li>
		  	  </ul>
		  </div>
		  
		  
		  
		</div>
		<!-- end main -->
		
		<!-- sidebar -->
		<div class="main_r">
			<div class="r_top">
				<div class="r_top_line"></div>
				<span class="r_top_title">热门榜</span>
			</div>
			
			<!-- 热门列表 -->
			<ul class="r_list">
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>耳机</a>] <a href>海外玩家大海外玩家大海外玩家大海外玩家大海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			  <li>[<a href>私家影院</a>] <a href>海外玩家大众化搭配实例</a></li>
			</ul>
			
			<div class="r_top_line"></div>
			
			<!-- 定制安装 -->
			<div class="r_item r_custom">
				<a href><img src="http://ranxk.com/stat/imgs/list_a.jpg" width="293" height="146"/></a>
			</div>
			
			<!-- 视频专区 -->
			<div class="r_item r_video">
			  视频专区
			</div>
			<div class="r_item r_video_wrap">
			   <a href><img src="http://ranxk.com/stat/imgs/list_a.jpg" width="293" height="185"/></a>
			   
			   <div class="focus_player_play"></div>
			</div>
			<div class="focus_info"><h3>独树一帜的JBL悬挂式音响视频评测</h3></div>
			
			<div class="r_item r_video_wrap">
			   <a href><img src="http://ranxk.com/stat/imgs/list_a.jpg" width="293" height="185"/></a>
			   
			   <div class="focus_player_play"></div>
			</div>
			<div class="focus_info"><h3>独树一帜的JBL悬挂式音响视频评测</h3></div>
			<!-- end 视频 -->
			
			
			<!-- 微信区 -->
			<div class="r_item">
			  <img src="http://weixin.qq.com/zh_CN/htmledition/images/weixin/qr_url_download0ca6c3.png" width="293" height="293"/>
			</div>
			<!-- end 微信 -->
			
			<div class="r_item r_top_line"></div>
		</div>
		<!-- end sidebar -->
	</div>
	
	<!-- footer -->
	<div class="footer">
	  <div class="columns clearfix">
	    <dl class="list">
	    	<dd>关于摩兔</dd>
	    	<dd>招贤纳士</dd>
	    	<dd>联系我们</dd>
	    </dl>
	    <dl class="list">
	    	<dd>公司服务</dd>
	    	<dd>移动服务</dd>
	    </dl>
	    <dl class="list">
	    	<dd>开箱</dd>
	    	<dd>发烧</dd>
	    	<dd>定制影音</dd>
	    	<dd>专访</dd>
	    </dl>
	    <dl class="list">
	    	<dd>方案</dd>
	    	<dd>耳机</dd>
	    	<dd>谍报</dd>
	    	<dd>视频</dd>
	    </dl>
	    
	    <dl class="list mobile">
		    <dd class="gicon mobile_ico"></dd>
	        <dd>本站支持手机浏览</dd>
	    </dl>
	    
	  </div>
	
	  <!-- 版权 -->
	  <div class="copy">Copyright Condé Nast China   版权所有 重庆市摩兔文化传播有限公司  渝ICP证070504号 渝网文[2010] 0398-013号 渝公网安备：110105008511</div>
	</div>
	
</div>
</body>
</html>